<script>
$(document).ready(function(){
	var devis_line1 = <?=$plot_nb_devis?>;
	var devis_line2 = <?=$plot_nb_factures?>;
	var plot1 = $.jqplot('chart1', [devis_line1,devis_line2], {
	    title: 'Nombre de devis / devis facturés par mois',
	    series:[
	   		{renderer:$.jqplot.BarRenderer,label: "Devis"},	    	    
			{renderer:$.jqplot.BarRenderer,label: "Factures"}
		],
	    axesDefaults: {
	        tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
	        tickOptions: {
	          angle: -30,
	          fontSize: '10pt'
	        },
	        min: 0
	    },
	    axes: {
	      xaxis: {
	        renderer: $.jqplot.CategoryAxisRenderer
	      }
	    },
	    highlighter: {
	        show: true,
	        sizeAdjust: 7.5
	    },
	    cursor: {
	        show: false
	    },
	    legend: { 
		    show:true, 
		    location: 'se' 
		}
	  });
	var ca_mensuel = <?=$ca_mensuel?>;
	var plot2 = $.jqplot('chart2', [ca_mensuel], {
	    title:'CA Mensuel',
	    axesDefaults: {
	        tickRenderer: $.jqplot.CanvasAxisTickRenderer ,
	        tickOptions: {
	          angle: -30,
	          fontSize: '10pt'
	        },
	        min: 0
	    },
	    axes: {
	      xaxis: {
	        renderer: $.jqplot.CategoryAxisRenderer
	      }
	    },
	    highlighter: {
	        show: true,
	        sizeAdjust: 7.5
	      },
	      cursor: {
	        show: false
	      }
	  });
});
</script>

<div id="chart1" style="height:300px; width:100%;"></div>
<div id="chart2" style="height:350px; width:100%;"></div>

